<template>
  <div>
    <!-- <h1>{{ val }}</h1>
    <button @click="add">add</button> -->
    <button @click="go">跳转</button>
  </div>
</template>

<script>
export default {
  data () {
    return {
      // val: parseInt(localStorage.getItem('num')) || 0
    }
  },
  created () {
    // this.$router.repalce({})
    // 测试401情况
    // 删除用户搜索历史=> 测试请求
    // this.request.delete('search/histories').then(res => {
    //   console.log(res)
    // })
    // this.getList()

    // setTimeout(() => {
    //   this.$router.replace({ path: '/login', query: { a: 1, b: 'str' } })
    // }, 3000)
  },
  methods: {
    getList () {
      console.log('0. 页面开始发请求')
      this.request({
        url: 'articles',
        params: {
          // 频道ID
          channel_id: 0,
          // 时间戳以毫秒表示时间格式
          // 当前时间的时间戳？+new Date() | Date.now()
          timestamp: +new Date(),
          with_top: 0
        }
      }).then((res) => {
        console.log(res)
      })
    },
    add () {
      this.val += 1
      // 存到本地
      localStorage.setItem('num', this.val)
    },
    go () {
      /**
       * push/replace方法跳转
       * 相同：跳转路由
       * 区别：replace不能返回上次访问的页面
       */
      // this.$router.push('/search')
      this.$router.replace('/search')
    }
  }
}
</script>

<style lang="less" scoped>
</style>
